span {
    color: #AA0000;
}

body {
    background-color: #E9F1DE;
    background-image: url("../images/bg-img.gif");
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: center center;
    /* 把一个图像放在水平方向 2/3、垂直方向 1/3 处 */
    /* background-position: 66% 33%;  */
    /* background: #E9F1DE url("../images/bg-img.gif") repeat-x fixed center; */
}

.text-box {
    width: 400px;
    height: auto;
    background-color: #FFF;
    padding: 10px 20px;
    margin: 10px 20px;
    overflow: hidden;
    border: 3px solid #98BF21;
}

.font-style {
    font-family: "Microsoft YaHei", "times new Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
}

.text-style {
    text-align: left;
    text-decoration: underline;
    text-indent: 48px;
    text-transform: uppercase;
    color: #666;
    letter-spacing: 2px;
    line-height: 48px;
    /* white-space: nowrap; */
}

/* 正常，未访问过的链接 */
.link-style a:link {
    color: #AA0000;
}

/* 已访问的链接 */
.link-style a:visited {
    color: #98BF21;
}

/* 鼠标划过链接 */
.link-style a:hover {
    color: #AA00AA;
}

/* 已选中的链接 */
.link-style a:active {
    color: #0000AA;
}

.float-box,
.postion-box {
    width: 600px;
    height: auto;
    clear: both;
    display: inline-block;
    padding: 20px;
    background-color: #FFF;
}

.float-box div,
.postion-box div {
    width: 100px;
    height: 46px;
    background-color: #98BF21;
    margin: 10px;
    /* float: left; */
    float: right;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    /* vertical-align: center; */
    line-height: 45px;
}

.postion-box {
    position: relative;
    height: 120px;
}

.postion-box div {
    float: none;
    position: absolute;
    /* margin: 0; */
}

#postion-box1 {
    top: 0;
    left: 0;
    z-index: 10;
}

#postion-box2 {
    background-color: rgb(33, 70, 191);
    top: 23px;
    left: 50px;
}

#postion-box3 {
    background-color: chocolate;
    right: 0;
    bottom: 0;
}


#float-box3 {
    float: left;
}

ul {
    padding: 0;
    list-style: none;
    clear: both;
    display: inline-block;
}

ul li {
    float: left;
    padding: 6px 12px;
}